.swiper-containers {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner1 {
    display: none;
}

.banner {
    width: 100%;
    height: 35.78vw;
    background: url(../img/banner.png) 100% center;
    background-size: 100%;
    position: relative;
    >.container {
        position: relative;
        height: 100%;
    }

    .swiper-container {
        width: 30.25vw;
        height: 17.9vw;
        position: absolute;
        top: 9.375vw;
        right: 20.833vw;
    }

    .chuangshu-yanjiu {

        letter-spacing: 1px;
        display: flex;
        justify-content: center;
        height: 100%;
        flex-direction: column;

        .word-title {
            font-size: 30px;
            font-weight: 700;
        }

        .word-english {
            font-size: 16px;
            color: #3e3e3e;
        }

        .word-line {
            width: 35px;
            height: 3px;
            background: #000;
            margin: 40px 0;
        }
        .word-des {
            font-size: 16px;
            color: #3e3e3e;
            padding: 3px 0;
        }
    }
}

.company {
    background: url('../img/about.png');
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    letter-spacing: 1px;
    align-items: center;

    .company-row {
        position: relative;
    }

    .company-row-text {
        position: absolute;
        height: 100%;
        right: 0;
        display: flex;
        align-items: center;
    }

    .company-word {
        padding: 0;
        .company-title {
            font-size: 30px;
            color: #42bfd3;
            letter-spacing: 2px;
            padding-bottom: 10px;
        }

        .company-about {
            // font-weight: 700;
            font-size: 26px;
            font-family: fantasy;
            padding-bottom: 30px;
        }

        .company-des {
            line-height: 25px;
            font-size: 14px;
        }
    }
}

.business {
    margin: 0 auto;
    text-align: center;

    .business-title {
        text-align: center;
        padding: 40px 0;

        .title-bus {
            font-size: 30px;
            font-weight: 700;
            padding-bottom: 10px;
        }
    }
}

.imformation {
    .imformation-left:hover {
        box-shadow: 0 0 20px 6px #ccc;
        .bg-hover {
            transform: scale(1.3);
        }
    }
    .imformation-left {
        box-shadow: 0 0 20px 6px #eee;
        padding: 0;
        overflow: hidden;
        transition: all .3s ease-out;
        .information-left-img {
            overflow: hidden;
            position: relative;
        }
        .bg-hover {
            transition: all .5s linear;
        }

        .data-img {
            width: 100%;
            height: 64px;
            background: url(../img/icon1.png) no-repeat 50% 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
        }
        .data-img2 {
            width: 100%;
            height: 64px;
            background: url(../img/icon.png) no-repeat 50% 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
        }
        .database {
            padding: 25px 20px;
            font-size: 14px;
            p:first-child {
                color: #42bfd3;
                font-weight: 700;
                font-size: 16px;
                letter-spacing: 1px;
            }
            .data-line {
                padding-bottom: 5px;
            }
        }
    }
}

.product {
    width: 100%;
    background: url(../img/bg5.png) no-repeat;
    margin-top: 90px;
    color: white;
    background-size: cover;
    background-attachment: fixed;
    .product-title {
        text-align: center;
        letter-spacing: 2px;
        padding: 40px 0 100px 0;
        p:first-child {
            font-size: 34px;
            font-weight: 700;
            padding-bottom: 10px;
        }
    }
    .product-intro {
        margin: 0 auto;
        text-align: center;
        padding-bottom: 30px;
        p {
            line-height: 1.8;
            letter-spacing: 1px;
        }
        .item {
            display: flex;
            justify-content: space-around;
            padding: 10px 0;
        }
        .intro-bg {
            flex-shrink: 0;
            margin: 0 0 10px 0;
            position: relative;
            background: url(../img/pd.png) 0 0 ~'/'100% 100% no-repeat;

            width: 150px;
            height: 150px;
            display: flex;
            justify-content: center;
            align-items: center;
             :nth-child(2) {
                // width: 100%;
                position: absolute;
                top: 48px;
                left: 50%;
                transform: translate(-50%);
            }
        }
    }
}

.scoop {
    width: 100%;
    .scoop-title {
        text-align: center;
        letter-spacing: 2px;
        padding: 40px 0 30px 0;
        p:first-child {
            font-size: 34px;
            font-weight: 700;
            padding-bottom: 10px;
        }
    }
    .scoop-img {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        div {
            text-align: center;
        }
    }
}

.edc {
    width: 100%;
    background: url(../img/bg7.png) 50% 50% no-repeat;
    background-size: cover;
    color: white;
    position: relative;
    .edc-title {
        text-align: center;
        font-size: 34px;
        font-weight: 700;
        padding: 20px 0 50px 0;
    }
    .edc-video {
        text-align: center;
        padding-bottom: 60px;

        video {
            max-width: 80%;
        }
    }
}

.feature {
    width: 100%;
    background-color: #f5f8fd;

    .feature-title {
        text-align: center;
        letter-spacing: 2px;
        padding: 40px 0 20px 0;
        width: 100%;
        p:first-child {
            font-size: 34px;
            font-weight: 700;
            padding-bottom: 10px;
        }
    }
    .feature-nav {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;

        .feature-word {
            padding: 0 30px;
            text-align: left;
            margin: 0 auto;
            .feature-line {
                width: 30px;
                height: 3px;
                background: #42bfd3;
            }
            p {
                padding: 20px 0 5px;
                font-size: 14px;
                line-height: 1.8;
            }
        }
    }
}

.character {
    width: 100%;
    background: url(../img/bg8.png) no-repeat;
    background-size: cover;
    color: #FFF;
    .character-title {
        text-align: center;
        letter-spacing: 2px;
        padding: 40px 0;
        width: 100%;
        color: white;
        p:first-child {
            font-size: 34px;
            font-weight: 700;
            padding-bottom: 10px;
        }
    }
    .character-nav {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        .character-list {
            display: flex;
            align-items: center;
            padding-bottom: 20px;
            .list-word {
                font-size: 14px;
                padding-left: 15px;
            }
             :first-child {
                font-size: 16px;
                padding-bottom: 5px;
            }
        }
    }
}

.buy {
    width: 100%;
    height: 100%;
    background: url(../img/bg9.png) 100% no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    padding: 140px 0;
    p {
        font-size: 36px;
        padding: 0 0 45px 0;
    }
    .breathe-btn {
        position: relative;
        width: 150px;
        padding: 8px 0;
        border: 1px solid #42bfd3;
        border-radius: 20px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        box-shadow: 0 0 5px 4px rgba(66, 191, 211, .6);
        overflow: hidden;
        background-color: #42bfd3;
        animation: breathe 2.7s infinite alternate;
        a {
            display: inline;
            color: white;
            text-decoration: none;
            color: #f2f2f2;
        }
    }
}

@-webkit-keyframes breathe {
    0% {
        box-shadow: 0 0 5px 4px rgba(66, 191, 211, .6);
    }
    100% {
        box-shadow: 0 0 20px 10px rgba(66, 191, 211, .3);
    }
}



/*mobile style*/

@media screen and (min-width: 992px) {
    .company {
        .company-word {
            padding: 0 50px;
        }
    }
}

@media screen and (max-width: 640px) {
    .banner1 {
        display: block;
    }
    .banner {
        display: none;
    }
    .company {
        background-position: 90% center;
        .company-row-text {
            position: static;
            padding-bottom: 20px;
            + div{
                padding: 50px;
            }
        }
    }
    .imformation{
        >div{
            margin-bottom: 20px;
        }
    }
    .product{
        margin-top: 0;
        .product-intro{
            p{
                font-size: 16px;
            }
        }
    }
    .scoop{
        .scoop-img{
            flex-direction: column;
            >div{
                margin-bottom: 80px;
                &:last-child{
                    margin-bottom: 0;
                }
            }
        }
    }
    .edc{
        background-position: 65% center;
        background-attachment: fixed;
        .edc-video{
            video{
                max-width: 100%;
            }
        }
    }
    .feature{
        .feature-nav{
            display: block;
            >div{
                margin-bottom: 20px;
            }
        }
        .feature-line{
            margin: 0 auto;
        }
    }
    .character{
        .character-nav{
            display: block;
            >div{
                margin-bottom: 20px;
            }
        }
    }
    .com-img-box{
        img{
            padding: 0 30px;
        }
    }
    .buy{
        padding: 100px 0;
        p{
            color: #FFF;
        }
    }
    .footer{
        .edc-contact{
            margin-left: 0;
        }
    }
}